@charset "utf-8";
/* 首页样式表 */

/* ------------导航样式------------ */
#head{
    width: 100%;
    height: 62px;
    /* 背景颜色 */
    background-color: #232323;
}
.head-con{
    width: 1100px;
    height: 62px;
    /* 控制外边距为居中显示 */
    margin: 0 auto;
}
.head-con img{
    float: left;
}
.head-con ul{
    width: 653px;
    height: 62px;
    float:right;
}
.head-con ul li{
    float: left;
    /* ul取消小圆点 */
    list-style: none;
    text-align: center;
    line-height: 62px;
    color: #ffffff;
    font-size: 15px;
    /* 设置内边距为9px */
    padding: 0 9px;
    background-image: url(images\qf_nav_bg.png) right center;
}
/* ------------导航样式------------ */


/* ------------大图样式------------ */
.datu img{
    width: 100%;
    height: 420px;
    /* margin: 0; */
} 
/* ------------大图样式------------ */


/* ------------中部样式------------ */
.zhongbu{
    width: 100%;
    height: 351px;
    background-color: #f5f5f5;
    margin: 0;
}
.zhongbu-con{
    width: 1000px;
    height: 351px;
    /* 控制外边距为居中显示 */
    margin: 0 auto;
}
/* .zhongbu-con img{
    margin-left: 70px;
} */
.zhongbu-con .t1{
    margin-left: 95px;
}
.zhongbu-con .t2{
    margin-left: 90px;
}
.zhongbu-con .t3{
    margin-left: 65px;
}
.zhongbu-con .t4{
    margin-left: 70px;
}

.zhongbu-con div{
    float: left;
    width: 245px;
    height: 251px;
    margin-right: 5px;
    margin:50px 0;
    border-right: 1px solid rgb(255, 255, 255);
}
.zhongbu-con .box1{
    border-right: none;
}
.zhongbu-con h2{
    /* 设置文字居中 */
    text-align: center;
    margin-top: 7px;
    font-weight: 400;
}
.zhongbu-con p{
    text-align: center;
    font-size: 14px;
    margin: 15px 0;
    color: #506d7b;
}
.zhongbu-con li{
    list-style: none;
    text-align: center;
    font-size: 16px;
    color: #bfc4c7;
}
/* ------------中部样式------------ */


/* ------------第四部分样式------------ */
.form{
    width: 100%;
    height: 311px;
}
.form-con{
    width: 1000px;
    height: 311px;
    margin: 0 auto;
}
.form-con .box1{
    float: left;
    height: 311px;
    width: 300px;
}
.form-con .box1 img{
    width: 297px;
    height: 224px;
    margin: 40px 0;
    margin-right: 40px;
}
.form-con .box2{
    float: left;
    height: 224px;
    width: 355px;
    margin: 40px 20px;
    padding-right: 20px;
    border-right: 1px solid #d2d6d8;
}
.form-con .box2 .p1{
    font-size: 20px;
}
.form-con .box2 .p2{
    margin: 6px 0;
    font-size: 16px;
}
.form-con .box2 .p3{
    padding-bottom: 10px;
    font-size: 13px;
    /* 首行缩进两字符 */
    text-indent: 2em;
    color: #a9a9a9;
    border-bottom: 1px dashed #d3d0d0;
}
.form-con .box2 ul{
    margin-top: 10px;
}
.form-con .box2 li{
    /* 列表取消小圆点 */
    list-style: none;
    margin-bottom: 10px;
}

.form-con .box3{
    float: left;
    height: 224px;
    width: 250px;
    margin: 40px 0;
    /* background-color: #3b0303; */
}
.form-con .box3 .p1{
    font-size: 20px;
}
.form-con .box3 img{
    margin-top: 10px;
    margin-bottom: 15px;
}
.form-con .box3 .p2{
    font-size: 24px;
    color: #222222;
    margin: 0 0 10px 0;
}
.form-con .box3 li{
    font-size: 14px;
    /* 清除列表小圆点 */
    list-style: none;
    margin-bottom: 10px;
}
/* ------------第四部分样式------------ */


/* ------------第五部分样式------------ */
.num{
    width: 100%;
    height: 214px;
    background-color: #222222;
}
.num-con{
    width: 1002px;
    height: 214px;
    margin: 0 auto;
}
.num-con .box1{
    float: left;
    height: 214px;
    width: 490px;
    /* background-color: #3a0b0b; */
}
.num-con .box1 div{
    width: 80px;
    height: 100px;
    float: left;
    margin: 50px 12px;
}
.num-con .box1 p{
    color: #f5f5f5;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}
.num-con .box1 li{
    list-style: none;
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
    color:#8f8c8c;
}
.num-con .box2 img{
    width: 219px;
    height: 172px;
    margin: 0 54px;
}
.num-con .box2{
    float: left;
    height: 172px;
    width: 327px;
    margin: 21px 0;
    border-left: 1px solid #302c2c;
    border-right: 1px solid #302c2c;
    /* background-color: #ebd4d4; */
}
.num-con .box3{
    float: left;
    height: 214px;
    width: 182px;
    /* background-color: #249b24; */
}
.num-con .box3 img{
    margin:20px 20px 0px 20px; 
}
.num-con .box3 p{
    text-align: center;
    color: #363a3b;
    font-size: 12px;
}
/* ------------第五部分样式------------ */


/* ------------底部样式------------ */
.dibu{
    width: 100%;
    height: 45px;
    background-color: #101010;
    position: relative;
}
.dibu p{
    text-align: center;
    color: #948f8f;
    line-height: 45px;
    font-size: 9px;
}
/* .dibu a{
    width: 100px;
    height: 20px;
    background-color: red;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
} */
/* ------------底部样式------------ */